﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org/">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>首页</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" th:href="@{/user/css/bootstrap.min.css}">
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" th:href="@{/user/css/font-awesome.min.css}">
<!--<link rel="stylesheet" type="text/css" href="css/icofont.min.css" th:href="@{/user/css/icofont.min.css}">-->
<!--  <link rel="stylesheet" type="text/css" href="css/reality-icon.css" th:href="@{/user/css/reality-icon.css}">-->
<link rel="stylesheet" type="text/css" href="css/bootsnav.css" th:href="@{/user/css/bootsnav.css}">
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" th:href="@{/user/css/jquery.fancybox.css}">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" th:href="@{/user/css/owl.carousel.css}">
<link rel="stylesheet" type="text/css" href="css/owl.transitions.css" th:href="@{/user/css/owl.transitions.css}">
<link rel="stylesheet" type="text/css" href="css/cubeportfolio.min.css" th:href="@{/user/css/cubeportfolio.min.css}">
<link rel="stylesheet" type="text/css" href="css/settings.css" th:href="@{/user/css/settings.css}">
<link rel="stylesheet" type="text/css" href="css/range-Slider.min.css" th:href="@{/user/css/range-Slider.min.css}">
<link rel="stylesheet" type="text/css" href="css/search.css" th:href="@{/user/css/search.css}">
<link rel="stylesheet" type="text/css" href="css/style.css" th:href="@{/user/css/style.css}">
<!-- <link rel="icon" href="/user/images/icon.png"> -->
</head>
<body> 

<!--Loader-->
<div class="loader">
  <div class="span">
    <div class="location_indicator"></div>
  </div>
</div>
 <!--Loader-->               

<button type="button" class="form_opener"><i class="fa fa-bars"></i></button>
</div>

<!-- Gallery -->
<section id="property" class="padding bg_gallery">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 text-center">
        <h2 class="uppercase" >酒店信息展示</h2>
      </div>
    </div>
    <div class="clearfix">
      <div id="filters-property" class="cbp-l-filters-button text-center">
        <div data-filter=".sale" class="cbp-filter-item-active cbp-filter-item">SALE</div>
        <div data-filter=".latest" class="cbp-filter-item">LATEST</div>
        <div data-filter=".rent" class="cbp-filter-item">RENT</div>
      </div>
    </div>
    <div id="property-gallery" class="cbp listing1">

      <table class="table table-striped">
        <tr th:each="hotel:${hotels}">
          <div class="cbp-item sale">
            <div class="property_item">
              <div class="image">
                <a href="#."><img th:src="${hotel.photo1}" alt="latest property" class="img-responsive"></a>
              </div>
              <div class="proerty_content">
                <div class="proerty_text">
                  <h3 class="captlize" ><a href="#." th:text="${hotel.getHotelTranslatedName()}">  </a></h3>
                  <p th:text="${hotel.getAddressline1()}"></p>
                </div>
                <div class="property_meta transparent">
                  <span><i class="fa fa-bus"></i>附近公交站619米</span>
                  <span><i class="fa fa-plane"></i>机场接送服务</span>
                  <span><i class="fa fa-bath"></i>1 Bathroom</span>
                </div>
                <div class="property_meta transparent bottom30">
                  <span><i class="fa fa-wifi"></i>免费WIFI</span>
                  <span><i class="fa fa-credit-card-alt"></i>到店付款</span>
                  <span></span>
                </div>
                <div class="favroute clearfix">
                  <p><i class="icon-calendar2"></i>&nbsp;5 Days ago </p>
                  <ul class="pull-right">
                    <li><a href="javascript:void(0)"><i class="fa fa-heart-o"></i></a></li>
                    <li><a href="#seventy" class="share_expender" data-toggle="collapse"><i class="fa fa-share-alt"></i></a></li>
                  </ul>
                </div>
                <div class="toggle_share collapse" id="seventy">
                  <ul>
                    <li><a href="javascript:void(0)" class="facebook"><i class="icon-facebook-1"></i> Facebook</a></li>
                    <li><a href="javascript:void(0)" class="twitter"><i class="icon-twitter-1"></i> Twitter</a></li>
                    <li><a href="javascript:void(0)" class="vimo"><i class="icon-vimeo3"></i> Vimeo</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>

        </tr>

      </table>
    </div>
    <div class="col-sm-12 text-center top20">
       <a href="#." class="btn-dark border_radius uppercase margin40">more listings</a>
    </div>
  </div>
</section>
<!-- Gallery End -->


<!--Deals-->
<section id="deal" class="padding_bottom_half padding_top">
  <div class="container">
    <div class="row">
      <div class="col-sm-10">
        <h2 class="uppercase">Best Deal Properties</h2>
        <p class="heading_space">We have Properties in these Areas View a list of Featured Properties.</p>
      </div>
    </div>
    <div class="row">
      <div id="two-col-slider" class="owl-carousel">
        <div class="item">
          <div class="listing_full">
            <div class="image">
              <img alt="image" src="/user/images/b-d-property.jpg">
              <span class="tag_t">For Sale</span>
            </div>
            <div class="listing_full_bg">
              <div class="listing_inner_full">
                <span><a href="#"><i class="icon-like"></i></a></span>
                <a href="#.">
                  <h3>Park Avenue Apartment</h3>
                  <p>Towson London, MR 21501</p>
                </a>
                <div class="favroute clearfix">
                  <div class="property_meta"><span><i class="icon-select-an-objecto-tool"></i>4800 sq ft</span><span><i class=" icon-bed"></i>3 Bedrooms</span><span><i class="icon-safety-shower"></i>2 Bedrooms</span><span class="border-l">$38,600 / pm</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="listing_full">
            <div class="image">
              <img alt="image" src="/user/images/b-d-property2.jpg">
              <span class="tag_t">For Sale</span>
            </div>
            <div class="listing_full_bg">
              <div class="listing_inner_full">
                <span><a href="#"><i class="icon-like"></i></a></span>
                <a href="#.">
                  <h3>Park Avenue Apartment</h3>
                  <p>Towson London, MR 21501</p>
                </a>
                <div class="favroute clearfix">
                  <div class="property_meta"><span><i class="icon-select-an-objecto-tool"></i>4800 sq ft</span><span><i class=" icon-bed"></i>3 Bedrooms</span><span><i class="icon-safety-shower"></i>2 Bedrooms</span><span class="border-l">$38,600 / pm</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="listing_full">
            <div class="image">
              <img alt="image" src="/user/images/b-d-property3.jpg">
              <span class="tag_t">For Sale</span>
            </div>
            <div class="listing_full_bg">
              <div class="listing_inner_full">
                <span><a href="#"><i class="icon-like"></i></a></span>
                <a href="#.">
                  <h3>Park Avenue Apartment</h3>
                  <p>Towson London, MR 21501</p>
                </a>
                <div class="favroute clearfix">
                  <div class="property_meta"><span><i class="icon-select-an-objecto-tool"></i>4800 sq ft</span><span><i class=" icon-bed"></i>3 Bedrooms</span><span><i class="icon-safety-shower"></i>2 Bedrooms</span><span class="border-l">$38,600 / pm</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="listing_full">
            <div class="image">
              <img alt="image" src="/user/images/b-d-property4.jpg">
              <span class="tag_t">For Sale</span>
            </div>
            <div class="listing_full_bg">
              <div class="listing_inner_full">
                <span><a href="#"><i class="icon-like"></i></a></span>
                <a href="#.">
                  <h3>Park Avenue Apartment</h3>
                  <p>Towson London, MR 21501</p>
                </a>
                <div class="favroute clearfix">
                  <div class="property_meta"><span><i class="icon-select-an-objecto-tool"></i>4800 sq ft</span><span><i class=" icon-bed"></i>3 Bedrooms</span><span><i class="icon-safety-shower"></i>2 Bedrooms</span><span class="border-l">$38,600 / pm</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--Deals ends-->


<!--Footer-->
<footer class="footer_third">
  <div class="container contacts">
    <div class="row">
      <div class="col-sm-4 text-center">
        <div class="info-box first">
          <div class="icons"><i class="icon-telephone114"></i></div>
          <ul class="text-center">
            <li><strong>Phone Number</strong></li>
            <li>+1 900 234 567 - 68</li>
          </ul>
        </div>
      </div>
      <div class="col-sm-4 text-center">
        <div class="info-box">
          <div class="icons"><i class="icon-icons74"></i></div>
          <ul class="text-center">
            <li><strong>Manhattan Hall,</strong></li>
            <li>Castle Melbourne, australia</li>
          </ul>
        </div>
      </div>
      <div class="col-sm-4 text-center">
        <div class="info-box">
          <div class="icons"><i class="icon-icons142"></i></div>
          <ul class="text-center">
            <li><strong>Email Address</strong></li>
            <li><a href="#.">info@castle.com</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="container padding_top">
    <div class="row">
      <div class="col-md-3 col-sm-6">
        <div class="footer_panel bottom30">
          <a href="#." class="logo bottom30"><img src="/user/images/logo-white.png" alt="logo"></a>
          <p class="bottom15">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
            tempor cum consectetuer 
            adipiscing.
          </p>
          <p class="bottom15">If you are interested in castle do not wait and <a href="#.">BUY IT NOW!</a></p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="footer_panel bottom30">
          <h4 class="bottom30 heading">Search by Area</h4>
          <table style="width:100%;">
            <tbody>
              <tr>
                <td>
                  <ul class="links">
                    <li><a href="#."><i></i>About</a></li>
                    <li class="active"><a href="#."><i></i>News</a></li>
                    <li><a href="#."> <i></i>Contacts</a></li>
                    <li><a href="#."><i></i>Testimonials</a></li>
                    <li><a href="#."><i></i>Typography</a></li>
                  </ul>
                </td>
                <td class="text-right">
                  <ul class="links text-left">
                    <li><a href="#."><i></i>Services</a></li>
                    <li class="active"><a href="#."><i></i>Careers</a></li>
                    <li><a href="#."><i></i>Our team</a></li>
                    <li><a href="#."><i></i>Shop</a></li>
                    <li><a href="#."><i></i>Our approach</a></li>
                  </ul>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="footer_panel bottom30">
          <h4 class="bottom30 heading">Latest News</h4>
          <div class="media bottom30">
            <div class="media-body">
              <a href="#.">Nearest mall in high tech Goes google map your villa</a>
              <span><i class="icon-clock5"></i>Feb 22, 2017</span>
            </div>
          </div>
          <div class="media">
            <div class="media-body">
              <a href="#.">Nearest mall in high tech Goes google map your villa</a>
              <span><i class="icon-clock5"></i>Feb 22, 2017</span>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="footer_panel bottom30">
          <h4 class="bottom30 heading">Subscribe</h4>
          <p>Sign up with your email to get latest updates and offers</p>
          <form class="top30">
            <input class="search" placeholder="Enter your Email" type="search">
            <a class="button_s" href="#">
            <i class="icon-mail-envelope-open"></i>
            </a>
          </form>
        </div>
      </div>
    </div>
    <!--CopyRight-->
    <div class="copyright_simple">
      <div class="row">
        <div class="col-md-6 col-sm-5 top20 bottom20">
          <p>Copyright &copy; 2017.Company name All rights reserved.</p>
        </div>
        <div class="col-md-6 col-sm-7 text-right top15 bottom10">
          <ul class="social_share">
            <li><a href="#." class="facebook"><i class="icon-facebook-1"></i></a></li>
            <li><a href="#." class="twitter"><i class="icon-twitter-1"></i></a></li>
            <li><a href="#." class="google"><i class="icon-google4"></i></a></li>
            <li><a href="#." class="linkden"><i class="fa fa-linkedin"></i></a></li>
            <li><a href="#." class="vimo"><i class="icon-vimeo3"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>

<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script> 
<script src="js/bootstrap.min.js" th:src="@{/user/js/bootstrap.min.js}"></script> 
<script src="js/jquery.appear.js" th:src="@{/user/js/jquery.appear.js}"></script>
<script src="js/jquery-countTo.js" th:src="@{/user/js/jquery-countTo.js}"></script>
<script src="js/bootsnav.js" th:src="@{/user/js/bootsnav.js}"></script>
<script src="js/masonry.pkgd.min.js" th:src="@{/user/js/masonry.pkgd.min.js}"></script>
<script src="js/jquery.parallax-1.1.3.js" th:src="@{/user/js/jquery.parallax-1.1.3.js}"></script>
<script src="js/jquery.cubeportfolio.min.js" th:src="@{/user/js/jquery.cubeportfolio.min.js}"></script>
<script src="js/range-Slider.min.js" th:src="@{/user/js/range-Slider.min.js}"></script>
<script src="js/owl.carousel.min.js" th:src="@{/user/js/owl.carousel.min.js}"></script> 
<script src="js/selectbox-0.2.min.js" th:src="@{/user/js/selectbox-0.2.min.js}"></script>
<script src="js/zelect.js" th:src="@{/user/js/zelect.js}"></script>
<script src="js/jquery.fancybox.js" th:src="@{/user/js/jquery.fancybox.js}"></script>
<script src="js/jquery.themepunch.tools.min.js" th:src="@{/user/js/jquery.themepunch.tools.min.js}"></script>
<script src="js/jquery.themepunch.revolution.min.js" th:src="@{/user/js/jquery.themepunch.revolution.min.js}"></script>
<script src="js/revolution.extension.actions.min.js" th:src="@{/user/js/revolution.extension.actions.min.js}"></script>
<script src="js/revolution.extension.layeranimation.min.js" th:src="@{/user/js/revolution.extension.layeranimation.min.js}"></script>
<script src="js/revolution.extension.navigation.min.js" th:src="@{/user/js/revolution.extension.navigation.min.js}"></script>
<script src="js/revolution.extension.parallax.min.js" th:src="@{/user/js/revolution.extension.parallax.min.js}"></script>
<script src="js/revolution.extension.slideanims.min.js" th:src="@{/user/js/revolution.extension.slideanims.min.js}"></script>
<script src="js/revolution.extension.video.min.js" th:src="@{/user/js/revolution.extension.video.min.js}"></script>
<script src="js/custom.js" th:src="@{/user/js/custom.js}"></script>
<script src="js/functions.js" th:src="@{/user/js/functions.js}"></script>

</body>
</html>


